<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.7.1.min.js"></script>
    <style>
        p{
            height:400px
        }

    </style>
</head>
<body>
    <p>内容1</p>
    <p>内容2</p>
    <p>内容3</p>
    <p>内容4</p>
    <script>
        //浏览器事件：resize 当浏览器窗口大小改变时触发

        $(window).resize(function(){
            console.log('浏览器窗口大小改变了')
        })

        // 浏览器事件：scroll 当页面滚动条滚动时触发
        $(window).scroll(function(){
            if($(window).scrollTop() >= $(window).height()-50){
                console.log('页面滚动到底部了')
            }

        })



    </script>
</body>
</html>